<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/public-style.css">
    <link rel="stylesheet" href="css/open-class.css">
</head>
<body>
<header>
    <div class="header-box">
        <div class="header-box-cont">
            <div class="header-box-l">SmatrApply公开课</div>
            <ul class="header-box-cont-ul">
                <li><a href="">返回留学商城</a></li>
                <li><a href="">返回雷哥GMAT在线</a></li>
                <li><a href="" id="last-a">返回托福在线</a></li>
            </ul>
            <div class="header-box-cont-phone">400-1816-180</div>
        </div>
    </div>
    <div class="header-bg">
        <form action="" method="post">
            <div class="login-title">会员登录</div>
            <div class="form-name">
                <div class="form-name-cont">
                    <img src="img/bg6.gif" alt=""><input type="text" placeholder="手机/邮箱/用户名">
                </div>
            </div>
            <div class="form-name">
                <div class="form-name-cont">
                    <img src="img/bg7.gif" alt=""><input type="text" placeholder="密码">
                </div>
            </div>
            <div class="form-code">
                <input type="text" class="code-text" placeholder="验证码">
                <input type="button" class="code-btn" value="yypu">
            </div>
            <div class="from-btn">
                <input type="submit" value="马上登陆">
                <a href="">立即注册</a>
            </div>
        </form>
    </div>
</header>
<main>
    <div class="main-box">
        <div class="main-cont-top">more</div>
        <div class="main-cont cont-bottom">
            <img src="img/j-img1.jpg" width="275" height="305" alt="">
            <div class="main-cont-left">
                <span>GMAT</span>
            </div>
            <div class="main-cont-right">
                <ul class="main-cont-right-ul">
                    <li>
                        <img src="img/openClass-img1.gif" alt="">
                        <p>一句突破CR增强削弱题型</p>
                        <div class="main-cont-r-ul-time"><span>2017-05-15 16:30</span><span class="pop">135</span></div>
                        <div class="main-cont-r-ul-a">
                            <a href="" class="main-cont-r-ul-a1">报名</a>
                            <a href="" class="main-cont-r-ul-a2">详情</a>
                        </div>
                    </li>
                    <li>
                        <img src="img/openClass-img2.gif" alt="">
                        <p>一句突破CR增强削弱题型</p>
                        <div class="main-cont-r-ul-time"><span>2017-05-15 16:30</span><span class="pop">135</span></div>
                        <div class="main-cont-r-ul-a">
                            <a href="" class="main-cont-r-ul-a1">报名</a>
                            <a href="" class="main-cont-r-ul-a2">详情</a>
                        </div>
                    </li>
                    <li>
                        <img src="img/openClass-img3.gif" alt="">
                        <p>一句突破CR增强削弱题型</p>
                        <div class="main-cont-r-ul-time"><span>2017-05-15 16:30</span><span class="pop">135</span></div>
                        <div class="main-cont-r-ul-a">
                            <a href="" class="main-cont-r-ul-a1">报名</a>
                            <a href="" class="main-cont-r-ul-a2">详情</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="main-cont-top">more</div>
        <div class="main-cont cont-bottom">
            <img src="img/j-img2.jpg" width="275" height="305" alt="">
            <div class="main-cont-left">
                <span>托福</span>
            </div>
            <div class="main-cont-right">
                <ul class="main-cont-right-ul">
                    <li>
                        <img src="img/openClass-img1.gif" alt="">
                        <p>一句突破CR增强削弱题型</p>
                        <div class="main-cont-r-ul-time"><span>2017-05-15 16:30</span><span class="pop">135</span></div>
                        <div class="main-cont-r-ul-a">
                            <a href="" class="main-cont-r-ul-a1">报名</a>
                            <a href="" class="main-cont-r-ul-a2">详情</a>
                        </div>
                    </li>
                    <li>
                        <img src="img/openClass-img2.gif" alt="">
                        <p>一句突破CR增强削弱题型</p>
                        <div class="main-cont-r-ul-time"><span>2017-05-15 16:30</span><span class="pop">135</span></div>
                        <div class="main-cont-r-ul-a">
                            <a href="" class="main-cont-r-ul-a1">报名</a>
                            <a href="" class="main-cont-r-ul-a2">详情</a>
                        </div>
                    </li>
                    <li>
                        <img src="img/openClass-img3.gif" alt="">
                        <p>一句突破CR增强削弱题型</p>
                        <div class="main-cont-r-ul-time"><span>2017-05-15 16:30</span><span class="pop">135</span></div>
                        <div class="main-cont-r-ul-a">
                            <a href="" class="main-cont-r-ul-a1">报名</a>
                            <a href="" class="main-cont-r-ul-a2">详情</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="main-cont-top">more</div>
        <div class="main-cont">
            <img src="img/j-img3.jpg" width="275" height="305" alt="">
            <div class="main-cont-left">
                <span>留学</span>
            </div>
            <div class="main-cont-right">
                <ul class="main-cont-right-ul">
                    <li>
                        <img src="img/openClass-img1.gif" alt="">
                        <p>一句突破CR增强削弱题型</p>
                        <div class="main-cont-r-ul-time"><span>2017-05-15 16:30</span><span class="pop">135</span></div>
                        <div class="main-cont-r-ul-a">
                            <a href="" class="main-cont-r-ul-a1">报名</a>
                            <a href="" class="main-cont-r-ul-a2">详情</a>
                        </div>
                    </li>
                    <li>
                        <img src="img/openClass-img2.gif" alt="">
                        <p>一句突破CR增强削弱题型</p>
                        <div class="main-cont-r-ul-time"><span>2017-05-15 16:30</span><span class="pop">135</span></div>
                        <div class="main-cont-r-ul-a">
                            <a href="" class="main-cont-r-ul-a1">报名</a>
                            <a href="" class="main-cont-r-ul-a2">详情</a>
                        </div>
                    </li>
                    <li>
                        <img src="img/openClass-img3.gif" alt="">
                        <p>一句突破CR增强削弱题型</p>
                        <div class="main-cont-r-ul-time"><span>2017-05-15 16:30</span><span class="pop">135</span></div>
                        <div class="main-cont-r-ul-a">
                            <a href="" class="main-cont-r-ul-a1">报名</a>
                            <a href="" class="main-cont-r-ul-a2">详情</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</main>
<footer>
    <div class="footer-box">
        <div class="footer-cont">
            <div class="footer-cont-left">
                <span class="footer-cont-l-time">24</span>
                <p class="footer-cont-l-font">小时免费热线</p>
                <p class="footer-cont-l-num">400-1816-180</p>
                <img src="img/openClass-img4.gif" alt="">
            </div>
            <div class="footer-cont-right">
                <ul class="footer-cont-r-ul">
                    <li><a href="">友情链接</a></li>
                    <li><a href="">雷哥GMAT在线</a></li>
                    <li><a href="">托福在线</a></li>
                    <li><a href="" id="footer-last-a">SmartApply商城</a></li>
                </ul>
                <div class="footer-copy">Copyright&copy;2016 All Right Reserved SmartApply 版权所有</div>
                <div class="btm-r-code">
                    <div class="btm-r-codeL">
                        <img src="img/index_ewmGmat.png" width="110" alt="">
                        <div class="btm-r-codeL-cont">
                            <p id="btm-r-codeL-p1">雷哥网托福官方微信</p>
                            <p>每时每刻掌握托福动态</p>
                            <p>随时随地知晓备考技巧</p>
                        </div>
                    </div>
                    <div class="btm-r-codeR">
                        <img src="img/index_ewmTeofl.jpg" width="110" alt="">
                        <div class="btm-r-codeR-cont">
                            <p id="btm-r-codeR-p1">托福小助手</p>
                            <p>在线解答备考疑问</p>
                            <p>人工小助手为你服务</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
</body>
</html>